// class Example extends React.Component {
//     state = {
//         date: null,
//     };
//     handleChange = date => {
//         antd.message.info(`您选择的日期是: ${date ? date.format('YYYY-MM-DD') : '未选择'}`);
//         this.setState({ date });
//     };

//     render() {
//         const { date } = this.state;
//         return (
//             <antd.ConfigProvider>
//                 <div style={{ width: 400, margin: '100px auto' }}>
//                     <antd.DatePicker onChange={this.handleChange} />
//                     <div style={{ marginTop: 20 }}>
//                         当前日期：{date ? date.format('YYYY-MM-DD') : '未选择'}
//                     </div>
//                 </div>
//             </antd.ConfigProvider>
//         )
//     }
// }

/**
 * 一个简单的封装 Antd-Table 的 React 组件
 */
class SimpleTable extends React.Component {
    // state = {
    //     data: null,
    // }
    render() {
        const { data } = this.props;
        
        if (data === undefined) 
            return this.example_data()
        
        return (
            <antd.Table 
                dataSource={data.data} 
                columns={data.columns}
                />
        )
    }

    example_data = () => {
        return (
            <SimpleTable data={{
                columns: [
                    {
                        title: '软件名',
                        dataIndex: 'pkgname',
                        key: 'pkgname',
                    },
                    {
                        title: '软件包版本',
                        dataIndex: 'version',
                        key: 'version',
                    }
                ],
                data: [
                    {
                        id: 0,
                        pkgname: 'spark-store',
                        version: '4.2.7.3'
                    },
                    {
                        id: 1,
                        pkgname: 'spark-store-submitter',
                        version: '1.5.5.0-20231105'
                    }
                ]
            }} />
        )
    }
}

/***************************************************

/***************************************************/

/**
 * 一个简单的状态栏
 */
class SimpleTitleBar extends React.Component {
    render() {
        return (
            <div style={{  }}>

            </div>
        )
    }
}

/***************************************************


/***************************************************/